window.addEventListener("load", function () {
    const userinp = /^[a-zA-Z0-9\u4e00-\u9fa5\_]{6,20}$/;
    const phoneinp = /^[0-9]{11}$/;
    const chooseinp = /^[a-zA-Z0-9\u4e00-\u9fa5\_]{6,12}$/;
    $(".btn").onclick = function () {
        // 用户名
        if (!userinp.test($("#userinp").value)) {
            // input边框变红，提示文字显示，并且为红色
            $("#userinp").style.border = "1px solid red";
            $("#userinp").nextElementSibling.textContent = "用户名（6-20位字母数字）";
            $("#userinp").nextElementSibling.style.color = "red";
        } else {
            $("#userinp").style.border = "1px solid black";
            $("#userinp").nextElementSibling.textContent = "";
        };
        //  手机号
        if (!phoneinp.test($("#phoneinp").value)) {
            $("#phoneinp").style.border = "1px solid red";
            $("#phoneinp").nextElementSibling.textContent = "请输入手机号码";
            $("#phoneinp").nextElementSibling.style.color = "red";
        } else {
            $("#phoneinp").style.border = "1px solid black";
            $("#phoneinp").nextElementSibling.textContent = "";
        };
        // 密码
        if (!chooseinp.test($("#chooseinp").value)) {
            $("#chooseinp").style.border = "1px solid red";
            $("#chooseinp").nextElementSibling.textContent = "请输入6-12位密码";
            $("#chooseinp").nextElementSibling.style.color = "red";
        } else {
            $("#chooseinp").style.border = "1px solid black";
            $("#chooseinp").nextElementSibling.textContent = "";
        }
        // 验证码
        if ($("#veriinp").value.length < 1) {
            $("#veriinp").style.border = "1px solid red";
            // $("#veriinp").nextElementSibling.textContent = "请输入验证码";
            // $("#veriinp").placeholder.style.color = "red";
        } else {
            $("#veriinp").style.border = "1px solid black";
            // $("#veriinp").placeholder.style.color = "black";
        }

        return false; // 阻止提交事件
    };
      // 发送验证码
    // 给按钮绑定点击事件
    // console.log($("#inp button"));
    $("#inp button").onclick=function(){
        console.log("111");
        
        let a=60;
        let timer=window.setInterval(function(){
            a--;
            $("#inp button").textContent=`发送验证码(${a})`;
            $("#inp button").disabled=true;
            if(a<=0){
                $("#inp button").textContent="发送验证码";
                window.clearInterval(timer);
                $("#inp button").disabled=false;
            }
        },1000)
        return false; // 阻止提交事件
    };

})